<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="referrer" content="no-referrer" />
        <meta name="viewport" content="width=device-width, initial-scale=1,
            maximum-scale=1,
            minimum-scale=1, user-scalable=no" />
        <link rel="stylesheet" href="../assest/style/reset.css">
        <link rel="stylesheet" href="../assest/style/font/iconfont.css">
        <link rel="stylesheet" href="../assest/style/common.css">
        <link rel="stylesheet" href="../assest/style/demand.css">
        <title>需求</title>
    </head>
    <body>
        <div class="demand-index">
            <header class="flex aic jc-c rel bg-fff">
                <a class="back abs flex aic ml-10" href="/">
                    <i class="icon iconfont icon-zuojiantou"></i>
                    <span>返回</span>
                </a>
                <img class="logo" src="../assest//img/logo.png" alt="">
            </header>
            <img class="img w100pc" src="../assest/img/demand.jpeg">
            <div
                class="container pl-15 pr-15 bg-fff">
                <div class="item flex aic jc-sb">
                    <span class="label">旅游类型</span>
                    <div class="content fg1 flex">
                        <span class="op">家庭</span>
                        <span class="op ml-15 active">公司</span>
                        <span class="op ml-15">同学</span>
                        <span class="op ml-15">其他</span>
                    </div>
                </div>
                <div class="item flex aic jc-sb">
                    <span class="label">出游人数</span>
                    <div class="content fg1 flex">
                        <span class="op active">1-5</span>
                        <span class="op ml-15">6-10</span>
                        <span class="op ml-15">10+</span>
                    </div>
                </div>
                <div>
                    <div class="item flex aic jc-sb" extra="Optional">
                        <span class="label">出游时间</span>
                        <div class="content fg1 flex">
                            <input class="inp f999" placeholder="请选择"
                                value="2021-09-09">
                        </div>
                    </div>
                </div>
                <div class="item flex aic jc-sb">
                    <span class="label">公司名称</span>
                    <div class="content fg1 flex">
                        <input class="inp f999" placeholder="请填写" name="compony"
                            value="zlxx">
                    </div>
                </div>
                <div class="item flex aic jc-sb">
                    <span class="label">联系姓名</span>
                    <div class="content fg1 flex">
                        <input class="inp f999" placeholder="请填写"
                            name="username" value="老胡">
                    </div>
                </div>
                <div class="item flex aic jc-sb">
                    <span class="label">联系电话</span>
                    <div class="content fg1 flex">
                        <input class="inp f999" placeholder="请填写" name="phone"
                            value="13800000000">
                    </div>
                </div>
                <a  class="btn fcc btn fff f14">
                    <span>提交需求</span>
                </a>
            </div>
        </div>
    </body>
</html>